<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>

    <script type="text/javascript">

        //扩展运算符和剩余参数作用相反
        //可以将数组或者对象转为用逗号分隔的参数序列

        let ary = [1, 2, 3];
        //这里输出1 2 3 没有逗号 和这样输出一样都没有逗号 console.log(1,2,3)
        //逗号是形参列表分隔符
        console.log(...ary);

        //应用举例一：合并数组
        let arr1 = ['a', 'b', 'c']
        let arr2 = ['d', 'e']
        // 方式一
        let arr3 = [...arr1, ...arr2]
        console.log(arr3);
        // 方式二
        arr1.push(...arr2)
        console.log(arr1)

        // 应用举例二：将伪数组转换成真正的数组
        var oDivs = document.getElementsByTagName("div");
        //这里的oDiv不是数组 是HtmlCollection
        console.log(oDivs);

        let ary4 = [...oDivs];
        console.log(ary4)
        //转换成数组后就可以利用数组的方法了
        ary4.push('a')
        console.log(ary4)
        









    </script>
</body>

</html>